/* Background */
.exhibitions {
  background-color: rgb(101, 76, 54);

  background-image: url(../../images/backgrounds/gold-metal-ring.jpg);

  /* Set a specific height */
  min-height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Title */
.title h1{
  font-size: 3rem;
  color: aliceblue;
  margin-bottom:-1.7em;
  margin-right: 0.7em;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

/* Main Photo */
.main-photo {
  background-color: rgb(128, 128, 128);
  background-image: url("../../images/exhibitions/Θερμοπύλες 2020/4.jpg");
}

/* Description */
.color-text-box {
  background: rgb(255, 192, 0);
  background: linear-gradient(-120deg, rgba(255, 192, 0, 1) 40%, rgba(205, 153, 0, 0.879) 100%);
  margin-top: 5em;
}

.color-text-box p {
  color: rgb(74, 50, 50);
}

/*Press*/

.press h2 {
  text-align: center;
  justify-content: center;
  margin-left: center;
  font-size: large;
  font-weight:300;
  font-family: -windows, windowsSystemFont, Segoe UI, 'Roboto', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color:rgb(49, 51, 223);
}

.press {
  font-size: 0.9rem;
}

/* Photos Grid layout */
.custom-grid {
  display: grid;
  justify-content: center;
  align-items: normal;
  column-gap: 35px;
  row-gap: 35px;


  grid-template-columns: 20%;
  grid-template-rows: repeat(3, 350px);
  grid-template-areas:
    "p1 p8 p2 p4 p5"
    "p1 p8 p2 p3 p5"
    "p1 p7 p6 p3 p5";
}

/* Media Queries */
@media only screen and (max-width: 992px) {

  .left .custom-grid,
  .right .custom-grid {
    display: grid;
    justify-content: center;
    align-items: normal;
    grid-template-columns: 50%;
    grid-template-rows: repeat(15, 240px);
    grid-template-areas:
      "p1"
      "p1"
      "p1"
      "p2"
      "p2"
      "p3"
      "p3"
      "p4"
      "p4"
      "p5"
      "p5"
      "p5"
      "p6"
      "p7"
      "p8"
      "p8";
  }
}